Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add clipped box component #368

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

feat: add clipped box component #368

wants to merge 1 commit into from

Conversation

DenizYil
Copy link
Collaborator

This PR

Adds a new component to the lab. This component allows us to show two different components and allows the user to "move" a selector to see more or less of one image. It's something we use in multiple DHI websites and I think it could be useful. It is similar to the ResizeHandle but different and more customizable (and easier to work with).

I would recommend checking the storybook to see how it works, but here are two images:

Vertical:
image

Horizontal:
image

Notes

  • No notes to add

Fulfilled the scope of this repo?

  • The same functionality of the component can not be achieved with theming, basic styling or composition of existing components
  • The component implements an element of the DHI Design Guidelines or is otherwise generic enough in functionality and close enough to the DHI CVI that it is likely to find reuse in other projects

Completness

  • Story included

@DenizYil DenizYil requested a review from adel0896 March 20, 2024 09:30
Copy link

Azure Static Web Apps: Your stage site is ready! Visit it here: https://green-glacier-08aae7903-368.westeurope.azurestaticapps.net

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant